import { Metadata } from "next"

import { Separator } from "@/components/ui/separator"
import { SidebarNav } from "@/components/layout/sidebar-nav"
import { findVendorById } from "@/lib/vendors/service" // 가정: 여기에 findVendorById가 있다고 가정
import { Vendor } from "@/db/schema/vendors"
import { Button } from "@/components/ui/button"
import { ArrowLeft } from "lucide-react"
import Link from "next/link"
export const metadata: Metadata = {
  title: "Vendor Detail",
}

export default async function SettingsLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: { lng: string , id: string}
}) {

  // 1) URL 파라미터에서 id 추출, Number로 변환
  const resolvedParams = await params
  const lng = resolvedParams.lng
  const id = resolvedParams.id

  const idAsNumber = Number(id)
  // 2) DB에서 해당 협력업체 정보 조회
  const vendor: Vendor | null = await findVendorById(idAsNumber)

  // 3) 사이드바 메뉴
  const sidebarNavItems = [
    {
      title: "연락처",
      href: `/${lng}/evcp/vendors/${id}/info`,
    },
    {
      title: "공급품목(패키지)",
      href: `/${lng}/evcp/vendors/${id}/info/items`,
    },
    {
      title: "공급품목(자재그룹)",
      href: `/${lng}/evcp/vendors/${id}/info/materials`,
    },
    {
      title: "견적 히스토리",
      href: `/${lng}/evcp/vendors/${id}/info/rfq-history`,
    },
    {
      title: "입찰 히스토리",
      href: `/${lng}/evcp/vendors/${id}/info/bid-history`,
    },
    {
      title: "계약 히스토리",
      href: `/${lng}/evcp/vendors/${id}/info/contract-history`,
    },
  ]

  return (
    <>
      <div className="container py-6">
        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
          <div className="hidden space-y-6 p-10 pb-16 md:block">
            {/* RFQ 목록으로 돌아가는 링크 추가 */}
            <div className="flex items-center justify-end mb-4">
              <Link href={`/${lng}/evcp/vendors`} passHref>
                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
                  <ArrowLeft className="mr-1 h-4 w-4" />
                  <span>협력업체 목록으로 돌아가기</span>
                </Button>
              </Link>
            </div>
            <div className="space-y-0.5">
              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
              <h2 className="text-2xl font-bold tracking-tight">
                {vendor
                  ? `${vendor.vendorCode ?? ""} - ${vendor.vendorName} 상세 정보`
                  : "Loading Vendor..."}
              </h2>
              <p className="text-muted-foreground">협력업체 관련 상세사항을 확인하세요.</p>
            </div>
            <Separator className="my-6" />
            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
              <aside className="-mx-4 lg:w-1/5">
                <SidebarNav items={sidebarNavItems} />
              </aside>
              <div className="flex-1">{children}</div>
            </div>
          </div>
        </section>
      </div>
    </>
  )
}